#weather {
  width: 230px; 
  height: 50px; 
  float: left;
}

#weather_other{
   width: 230px; 
   height: 60px;
   float: left;
   margin-top: 8px;
}

#humidity{
   width: 115px; 
   height: 100%; 
   float: left
}
#wind{
   width: 115px; 
   height: 100%; 
   float: left
}
.weaSmallimg{
   margin-left: 32.5px; 
   width: 30px; 
   height: 30px;	
}
.weaSmalltext{
   width: 115px; 
   height: calc(100% - 30px); 
   line-height: 30px; 
   text-align: center; 
   font-size: 12px; 
   float: left	
}
#air_quality{
	width: 100px; 
	height: auto; 
	margin-left: 65px; 
	margin-top: 5px; 
	background: red; 
	border: 1px red; 
	border-radius: 6px; 
	text-align: center;
	float: left; 
	font-size: 12px;	
	color: #fff
}
.weaBigimg{
   margin-left: 32.5px; 
   width: 50px; 
   height: 50px;	
}
#temp{
   width: 115px; 
   height: 100%; 
   line-height: 50px; 
   text-align: center; 
   font-size: 20px; 
   float: left	
}
#soiltemp {
   width: 50%; 
   list-style: none;
   margin: 0;
   padding: 0;
   float: left;
}
#soilmois {
   width: 50%; 
   list-style: none;
   margin: 0;
   padding: 0;
   float: left;
}
.soiltemptitle{
   width: 100%; 
   font-weight: bold;
   text-align: center;
}
.soiltempli{
   width: 90%;
   margin-left: 5%;
   list-style: none;
   border: 1px #BDB76B; 
   border-radius: 10px;
   background: #BDB76B;
   text-align: center;
   margin-top: 5px;
   color: #fff;
}
.line{
   background: #CCC;
   width: 90%;
   margin-left: 5%;
   height: 1px;  
   float: left;   
}
.solitime{
   width: 100%; 
   text-align: center;
   font-size: 13px;
}
.soilmoisli{
   width: 90%;
   margin-left: 5%;
   list-style: none;
   border: 1px #9ACD32; 
   border-radius: 10px;
   background: #9ACD32;
   text-align: center;
   margin-top: 5px;
   color: #fff;
}